<template>
    <el-dialog title="保证金明细" :visible.sync="dialogVisible" width="40%" :before-close="handleClose">
        <el-table :header-cell-style="{ background: '#F1F1F1', color: '#092132' }" :data="carList" v-loading="loading">
            <el-table-column width="400" label="车辆基本信息" align="left">
                <template slot-scope="scope">
                    {{ scope.row.brand}} {{scope.row.series}} {{scope.row.model}}
                </template>
            </el-table-column>
            <el-table-column width="" label="保证金（元）" align="center" prop="totalDeposit" />
        </el-table>
    </el-dialog>
</template>
<script>
export default {
    components: {},
    data () {
        return {
            dialogVisible: false,
            loading: false,
            carList: []
        };
    },
    methods: {
        async handleOpen (carList) {
            this.dialogVisible = true;
            this.carList = carList
        },
        handleClose () {
            this.dialogVisible = false;
        },
    },
};
</script>
<style  lang="scss">
.nameBlock .el-input-group__append {
    background-color: #409eff;
    color: #fff;
}
</style>
